iT邦幫忙

2023 iThome 鐵人賽

DAY 13
0
自我挑戰組

網頁學習30天系列 第 13

網頁學習30天 day13

  • 分享至 

  • xImage
  •  

接著我們要嘗試使用http模塊來創建伺服器:

  1. 導入http模塊
    https://ithelp.ithome.com.tw/upload/images/20230928/20162857zjcKp63yfF.png
  2. 接著使用createServer創建伺服器,並且加入監聽器收集請求,使用res.end讓每次收到請求時都會返回Hello,res.statusCode可以回應狀態碼確認是否成功(200代表成功),res.setHeader可以讓客戶端知道伺服器回應的內容形式
    https://ithelp.ithome.com.tw/upload/images/20230928/201628571mEdqjjHLY.png
  3. 使用listen函數開始監聽請求,設置端口、ip地址、callback,首先,0到1023是系統保留的端口因此需要使用大於1023的端口,再來我們ip要使用127.0.0.1這個ip是本機ip,是指向自己的電腦,訪問這台電腦創建的伺服器,最後callback是用來確認伺服器是否運行
    https://ithelp.ithome.com.tw/upload/images/20230928/20162857SYG45DKDMJ.png
  4. 開啟終端啟動伺服器,輸入node +檔案名
    https://ithelp.ithome.com.tw/upload/images/20230928/20162857IJf7rDxgdv.png
    伺服器已經成功的啟動,在瀏覽器輸入下面顯示的http://127.0.0.1:3000/就能連上伺服器
    https://ithelp.ithome.com.tw/upload/images/20230928/20162857dYz6mMGXU3.png
    我們可以按下f12並切換至”Network”選項,就能看到狀態碼200表示成功
    https://ithelp.ithome.com.tw/upload/images/20230928/201628575ijSOJWLZt.png
    最後要注意,node.js不像html一樣刷新頁面就會更新修改的內容,你必須重新啟動伺服器,首先,我們必須在終端按下Ctrl+c來停止伺服器,接著重新啟動即可。

上一篇
網頁學習30天 day12
下一篇
網頁學習day14
系列文
網頁學習30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言